// 默认css设置
import { $demoi18n } from '@/utils/lang';

export default {
  fontFamily: { label: $demoi18n('panel.cssStyle.fontFamily'), value: 'unset' },
  color: { label: $demoi18n('word.fontColor'), value: '#666666' },
  fontSize: { label: $demoi18n('word.fontSize'), value: 11 },
  lineHeight: { label: $demoi18n('word.lineHeight'), value: 24 },
  fontWeight: { label: $demoi18n('panel.cssStyle.bold'), value: 'normal' },
  textAlign: { label: $demoi18n('word.alignment'), value: 'left' },
  backgroundColor: { label: $demoi18n('panel.cssStyle.bgColor'), value: 'rgba(0, 0, 0, 0)' },
  backgroundImage: { label: $demoi18n('word.backgroundImage'), value: {} },
  backgroundSize: { label: $demoi18n('common.backgroundSize'), value: '100% 100%' },
  backgroundRepeat: { label: $demoi18n('cssDefault.backgroundRepeat'), value: 'repeat' },
  width: { label: $demoi18n('panel.cssStyle.width'), value: 0 },
  height: { label: $demoi18n('panel.cssStyle.height'), value: 0 },
  marginTop: { label: $demoi18n('word.marginTop'), value: 0 },
  marginBottom: { label: $demoi18n('word.marginBottom'), value: 0 },
  marginLeft: { label: $demoi18n('word.marginLeft'), value: 0 },
  marginRight: { label: $demoi18n('word.marginRight'), value: 0 },
  paddingTop: { label: $demoi18n('word.paddingTop'), value: 0 },
  paddingBottom: { label: $demoi18n('word.paddingBottom'), value: 0 },
  paddingLeft: { label: $demoi18n('word.paddingLeft'), value: 0 },
  paddingRight: { label: $demoi18n('word.paddingRight'), value: 0 },
  borderRadius: { label: $demoi18n('word.fillet'), value: 2 },
  borderWidth: { label: $demoi18n('panel.label.borderWidth'), value: 1 },
  borderStyle: { label: $demoi18n('cssDefault.edgeType'), value: 'solid' },
  borderColor: { label: $demoi18n('panel.label.borderColor'), value: '#666666' },
  opacity: { label: $demoi18n('panel.label.opacityPercent_1'), value: 0.5 },
  display: { label: $demoi18n('word.display'), value: 'flex' },
  flexDirection: { label: $demoi18n('panel.label.arrangement'), value: 'row' },

  // 特殊自定义属性
  horizontal: { label: $demoi18n('panel.cssStyle.horizontalAlign'), value: 'left', isDiy: true },
  vertical: { label: $demoi18n('panel.cssStyle.verticalAlign'), value: 'middle', isDiy: true },
  showStyle: { label: $demoi18n('panel.cssStyle.displayMode'), value: 'noWrap', isDiy: true },
  textIconAlign: { label: $demoi18n('panel.cssStyle.textIconAlignment'), value: 'left', isDiy: true },
};
